{extend name='extra@admin/content'} {block name="style"}
<style>
    .panel {
        border: 1px solid #e2e2e2;
    }
    
    .symbol {
        width: 40%;
        padding: 1.4em 0;
        border-radius: 4px 0px 0px 4px;
        display: inline-block;
        text-align: center;
    }
    
    .symbol i {
        color: #fff;
        font-size: 3em;
    }
    
    .bgcolor-blue {
        background: #1E9FFF;
    }
    
    .color-blue {
        color: #1E9FFF;
    }
    
    .bgcolor-commred {
        background: #ff6c60;
    }
    
    .color-commred {
        color: #ff6c60;
    }
    
    .bgcolor-dark-green {
        background: #009688;
    }
    
    .color-dark-green {
        color: #009688;
    }
    
    .bgcolor-yellow-green {
        background: #5FB878;
    }
    
    .color-yellow-green {
        color: #5FB878;
    }
    
    .bgcolor-orange {
        background: #FF5722;
    }
    
    .color-orange {
        color: #FF5722;
    }
    
    .bgcolor-yellow {
        background: #F7B824;
    }
    
    .color-yellow {
        color: #F7B824;
    }
    
    .value {
        width: 58%;
        text-align: center;
        float: right;
        margin-top: 1.4em;
    }
    
    .value h1 {
        font-size: 1.8em;
    }
</style>
{/block} {block name="content"}
<div class="row">
    <div class="col-xs-6 col-sm-4 col-md-2">
        <section class="panel">
            <div class="symbol bgcolor-blue"> <i class="fa fa-user"></i>
            </div>
            <div class="value tab-menu">
                <a data-open='{:url("authorize/index")}'>
                    <h1>{$auth.total}</h1>
                </a>
                <span>授权总数</span>
            </div>
        </section>
    </div>

    <div class="col-xs-6 col-sm-4 col-md-2">
        <section class="panel">
            <div class="symbol bgcolor-commred"> <i class="fa fa-user-plus"></i>
            </div>
            <div class="value tab-menu">
                <a data-open='{:url("authorize/index")}?type=0'>
                    <h1>{$auth.person}</h1>
                </a>
                <span>个人授权</span>
            </div>
        </section>
    </div>

    <div class="col-xs-6 col-sm-4 col-md-2">
        <section class="panel">
            <div class="symbol bgcolor-dark-green"> <i class="fa fa-codepen"></i>
            </div>
            <div class="value tab-menu">
                <a data-open='{:url("authorize/index")}?type=1'>
                    <h1>{$auth.company}</h1>
                </a>
                <span>单位授权</span>
            </div>
        </section>
    </div>

    <div class="col-xs-6 col-sm-4 col-md-2">
        <section class="panel">
            <div class="symbol bgcolor-yellow-green"> <i class="fa fa-users"></i>
            </div>
            <div class="value tab-menu">
                <a data-open='{:url("article/index")}'>
                    <h1>{$article.total}</h1>
                </a>
                <span>文章总数</span>
            </div>
        </section>
    </div>

    <div class="col-xs-6 col-sm-4 col-md-2">
        <section class="panel">
            <div class="symbol bgcolor-orange"> <i class="fa fa-shopping-bag"></i>
            </div>
            <div class="value tab-menu">
                <a data-open='{:url("article/index")}'>
                    <h1>{$article.today}</h1>
                </a>
                <span>今日文章</span>
            </div>
        </section>
    </div>

    <div class="col-xs-6 col-sm-4 col-md-2">
        <section class="panel">
            <div class="symbol bgcolor-yellow"> <i class="fa fa-paypal"></i>
            </div>
            <div class="value tab-menu">
                <a data-open='{:url("page/index")}'>
                    <h1>{$page.total}</h1>
                </a>
                <span>单页总数</span>
            </div>
        </section>
    </div>

</div>


{/block}